<template>
  <a-card :bordered="false">
    <search :keyName="keyName" @search="search" @resetSearch="resetSearch" ref="search" />
    <div class="content">
      <div class="table_caozuoAdd">
        <a-button type="primary" icon="plus" @click="addShangpin">新增商品</a-button>
        <a-button type="primary" icon="plus" @click="drShangpin">导入商品</a-button>
      </div>
    </div>
    <a-tabs type="card" @change="callback">
      <a-tab-pane key="1" :tab="tab.approved" :forceRender="true">
        <approved ref="approved" @trigger="trigger" />
      </a-tab-pane>
      <a-tab-pane key="2" :tab="tab.toBeSubmitted" :forceRender="true">
        <toBeSubmitted ref="toBeSubmitted" @trigger="trigger" />
      </a-tab-pane>
      <a-tab-pane key="3" :tab="tab.toBereviewed" :forceRender="true">
        <toBereviewed ref="toBereviewed" @trigger="trigger" />
      </a-tab-pane>
      <a-tab-pane key="4" :tab="tab.rejected" :forceRender="true">
        <rejected ref="rejected" @trigger="trigger" />
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<script src='./index'></script>

<style lang="less" scoped>
</style>